<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>

    <link href="http://g.alicdn.com/sj/dpl/1.5.1/css/sui.min.css" rel="stylesheet">
    <script type="text/javascript" src="http://g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script>
    <script type="text/javascript" src="http://g.alicdn.com/sj/dpl/1.5.1/js/sui.min.js"></script>

    <link rel="stylesheet" href="http://at.alicdn.com/t/font_1425833_spyibewazhe.css">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/goodlist.css">
    <link rel="stylesheet" href="./css/page.css">
    <script src="./js/jquery-1.11.3.js"></script>
    <script src="./js/goodlist.js"></script>
    <script src="./js/cookie.js"></script>
    <script src="./js/page.js"></script>
</head>

<body>
    <!-- 消息提示 -->
    <div class="sui_tips wrap">
        <div class="sui-msg msg-large msg-success">
            <div class="msg-con">请求商品列表成功!</div>
            <s class="msg-icon"></s>
        </div>

        <div class="sui-msg msg-large msg-error">
            <div class="msg-con">请求商品列表失败!</div>
            <s class="msg-icon"></s>
        </div>

        <div class="sui-msg msg-large msg-info">
            <div class="msg-con">确定不需要记住账号吗?</div>
            <s class="msg-icon"></s>
        </div>
    </div>

    <!-- header部分开始 -->
    <div class="header">
        <div class="top-bar wrap">
            <div class="head-lang">
                <div class="region-selection">
                    <h4 class="selected-region">中文</h4>
                    <i class="iconfont icon-xialajiantou icon-arrow"></i>
                </div>
                <div class="separate-line"></div>
                <div class="currency-selection">
                    <h4>RMB ￥</h4>
                </div>
            </div>
            <div class="head-site logged-in">
                <span class="login"><a href="javascript:void(0)">登录</a></span>
                <div class="separate-line"></div>
                <span class="register"><a href="javascript:void(0)">注册</a></span>
                <div class="separate-line"></div>
                <span class="collection"><a href="javascript:void(0)"><i
                            class="iconfont icon-changyongtubiao-xianxingdaochu-zhuanqu- xin"></i></a></span>
            </div>
            <div class="head-logo">
                <a href="https://www.secoo.com"><img src="./images/logo.jpg" alt=""></a>
            </div>
        </div>
        <div class="nav-bar">
            <div class="wrap">
                <ul class="nav-menu">
                    <li class="nav-item"><a href="">首页</a></li>
                    <li class="nav-item">
                        <a href="">包袋</a>
                        <div class="nav-unfold">
                            <ul class="unfold-list wrap cl">
                                <li>
                                    <h4>分类</h4>
                                    <a href="javascript:void(0)">男士包袋</a><a href="javascript:void(0)">女士包袋</a>
                                    <a href="javascript:void(0)">钱包</a><a href="javascript:void(0)">手拿包</a>
                                    <a href="javascript:void(0)">斜挎包</a><a href="javascript:void(0)">拉杆箱</a>
                                    <a href="javascript:void(0)">双肩包</a><a href="javascript:void(0)">手提包</a>
                                </li>
                                <li>
                                    <h4>品牌</h4>
                                    <a href="javascript:void(0)">爱马仕</a><a href="javascript:void(0)">香奈儿</a>
                                    <a href="javascript:void(0)">路易威登</a><a href="javascript:void(0)">古驰</a>
                                    <a href="javascript:void(0)">宝格丽</a><a href="javascript:void(0)">蔻驰</a>
                                    <a href="javascript:void(0)">范思哲</a><a href="javascript:void(0)">杜嘉班纳</a>
                                    <a href="javascript:void(0)">普拉达</a><a href="javascript:void(0)">缪缪</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="">腕表</a>
                        <div class="nav-unfold">
                            <ul class="unfold-list wrap cl">
                                <li>
                                    <h4>分类</h4>
                                    <a href="javascript:void(0)">男士</a><a href="javascript:void(0)">女士</a>
                                    <a href="javascript:void(0)">机械腕表</a><a href="javascript:void(0)">石英腕表</a>
                                </li>
                                <li>
                                    <h4>品牌</h4>
                                    <a href="javascript:void(0)">爱马仕</a><a href="javascript:void(0)">香奈儿</a>
                                    <a href="javascript:void(0)">路易威登</a><a href="javascript:void(0)">古驰</a>
                                    <a href="javascript:void(0)">宝格丽</a><a href="javascript:void(0)">蔻驰</a>
                                    <a href="javascript:void(0)">范思哲</a><a href="javascript:void(0)">杜嘉班纳</a>
                                    <a href="javascript:void(0)">真力时</a><a href="javascript:void(0)">卡地亚</a>
                                    <a href="javascript:void(0)">浪琴</a><a href="javascript:void(0)">天梭</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="">珠宝首饰</a>
                        <div class="nav-unfold">
                            <ul class="unfold-list wrap cl">
                                <li>
                                    <h4>分类</h4>
                                    <a href="javascript:void(0)">项链</a><a href="javascript:void(0)">吊坠</a>
                                    <a href="javascript:void(0)">手链</a><a href="javascript:void(0)">耳饰</a>
                                    <a href="javascript:void(0)">手镯</a><a href="javascript:void(0)">戒指/指环</a>
                                    <a href="javascript:void(0)">手串</a><a href="javascript:void(0)">串珠/配珠</a>
                                    <a href="javascript:void(0)">首饰套装</a><a href="javascript:void(0)">胸针</a>
                                    <a href="javascript:void(0)">头饰</a>
                                </li>
                                <li>
                                    <h4>品牌</h4>
                                    <a href="javascript:void(0)">梵克雅宝</a><a href="javascript:void(0)">尚美</a><a
                                        href="javascript:void(0)">蒂芙尼</a>
                                    <a href="javascript:void(0)">迪奥</a><a href="javascript:void(0)">宝格丽</a><a
                                        href="javascript:void(0)">施华洛世奇</a>
                                    <a href="javascript:void(0)">爱马仕</a><a href="javascript:void(0)">潘多拉</a> <a
                                        href="javascript:void(0)">香奈儿</a>
                                    <a href="javascript:void(0)">路易威登</a><a href="javascript:void(0)">Apm Monaco</a> <a
                                        href="javascript:void(0)">莫妮卡维娜德</a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void(0)">服饰</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void(0)">鞋履</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void(0)">配饰</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void(0)">运动</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void(0)">家居</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void(0)">美妆</a>
                    </li>
                    <li class="nav-item">
                        <a href="javascript:void(0)">生活方式</a>
                    </li>
                </ul>
                <div class="nav-search">
                    <input type="text" class="search-input" placeholder="请输入搜索内容">
                    <span class="icon-search">
                        <i class="iconfont icon-sousuo"></i>
                    </span>
                </div>
            </div>
        </div>
    </div>
    <!-- header部分结束 -->

    <!-- product部分开始 -->
    <div class="product_box wrap cl">
        <div class="product_tips">
            <a href="">商城</a><a href="">拍卖</a>
        </div>
        <div class="product_control">
            <div class="product_control_btn">
                <a href="javascript:void(0)" data-value="id" class="on order">名称<i
                        class="iconfont icon-xiajiantou"></i></a>
                <a href="javascript:void(0)" data-value="goodsnum" class="order">数量<i
                        class="iconfont icon-xiajiantou"></i></a>
                <a href="javascript:void(0)" data-value="goodsprice" class="order">价格<i
                        class="iconfont icon-xiajiantou"></i></a>
                <a href="javascript:void(0)" data-value="asc" class="rank">升序<i
                        class="iconfont icon-shangjiantou"></i></a>
                <a href="javascript:void(0)" data-value="desc" class="rank">降序<i
                        class="iconfont icon-xiajiantou"></i></a>
            </div>
            <div class="product_control_search">
                <input id="msg" placeholder="请输入商品名称"><button id="btn">搜索</button>
                <select id="setpagenum">
                    <option value="2">2条/页</option>
                    <option value="3">3条/页</option>
                    <option value="4">4条/页</option>
                    <option value="5">5条/页</option>
                    <option value="6">6条/页</option>
                </select>
                <select id="setshowpage">
                    <option value="2">2个页码/页</option>
                    <option value="3">3个页码/页</option>
                    <option value="4">4个页码/页</option>
                    <option value="5">5个页码/页</option>
                    <option value="6">6个页码/页</option>

                </select>
            </div>
            <!-- <div class="product_control_page">
                <a href="" class="page-prve off"><i class="iconfont icon-jiantou-copy"></i></a>
                <span><b>1</b>/20</span>
                <a href="" class="page-next"><i class="iconfont icon-arrow-right"></i></a>
            </div> -->
        </div>
        <div class="pruduct_list">
            <!-- <div class="tr">
                    <img src="./images/list-pic1.jpg" alt="">
                    <p>商品名称</p>
                    <span>商品价格</span><span>商品数量</span>
                </div>
                <div class="tr">
                    <img src="./images/list-pic2.jpg" alt="">
                    <p>商品名称</p>
                    <span>商品价格</span><span>商品数量</span>
                </div>
                <div class="tr">
                    <img src="./images/list-pic3.jpg" alt="">
                    <p>商品名称</p>
                    <span>商品价格</span><span>商品数量</span>
                </div>
                <div class="tr">
                    <img src="./images/list-pic4.jpg" alt="">
                    <p>商品名称</p>
                    <span>商品价格</span><span>商品数量</span>
                </div> -->
        </div>
        <div id="page"></div>
    </div>

    <!-- product部分结束 -->

    <!-- footer部分开始 -->
    <div class="footer">
        <div class="wrap">
            <ul class="footer-links cl">
                <li class="service-information">
                    <h4 class="links-title">服务指南</h4>
                    <ul class="links-ul">
                        <li class="links-item"><a href="">Investors</a></li>
                        <li class="links-item"><a href="">物流配送</a></li>
                        <li class="links-item"><a href="">售后服务</a></li>
                        <li class="links-item"><a href="">联系我们</a></li>
                        <li class="links-item"><a href="">加入我们</a></li>
                        <li class="links-item"><a href="">帮助</a></li>
                        <li class="links-item"><a href="">寺库招商</a></li>
                    </ul>
                </li>
                <li class="public-media">
                    <h4 class="links-title">公共媒体</h4>
                    <div class="footer-logo">
                        <div class="weibo">
                            <i class="iconfont icon-weibo"></i>
                            <span class="zh">微博</span>
                        </div>
                        <div class="wechat">
                            <i class="iconfont icon-weixin"></i>
                            <span class="zh">微信</span>
                        </div>
                    </div>
                </li>
                <li class="our-app">
                    <h4 class="links-title">我们的APP</h4>
                    <ul class="app-ul">
                        <li class="links-item"><a href="">寺库商城</a></li>
                        <li class="links-item"><a href="">Try Try</a></li>
                        <li class="links-item"><a href="">寺库艺术</a></li>
                    </ul>
                </li>
            </ul>
            <div class="footer-info">
                <p>
                    <span><a href="">京公安备11010102001392</a></span>
                    <span><a href="">京ICP证110119号 京ICP备09084709号-3</a></span>
                    <span><a href="">ISO9001中国质量管理体系认证</a></span>
                    <span><a href="">出版物经营许可证</a></span>
                    <span><a href="">食品经营许可证</a></span>
                    <span><a href="">京B2-20181305</a></span>
                </p>
                <p>
                    <span>京食药网食备201810026</span>
                    <span>客服电话：400-875-6789</span>
                    <span>COPYRIGHT © 2010-2018 北京寺库商贸有限公司 版权所有</span>
                </p>
                <p class="footer-info-imgs">
                    <a href=""><img src="./images/f_01.jpg" alt=""></a>
                    <a href=""><img src="./images/kexin.jpg" alt=""></a>
                    <a href=""><img src="./images/cnnic.png" alt=""></a>
                    <a href=""><img src="./images/f_03.jpg" alt=""></a>
                </p>
            </div>
        </div>
    </div>
    <!-- footer部分结束 -->
</body>

</html>